<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
<div class="top">
    <!--    第一个对象：放置logo-->
    <!--    这里如果不设置浮动，就是上下结构，因为我们div属于块元素，自动换行-->
    <div class="top-logo">
        <div class="top-logo-img float-left" id="logohtml"><img src="/img/logo_g0yv.jpg" id="companyLogo" height="141" width="204"/></div>
        <div class="top-logo-phone float-right">
            <div class="top-logo-phone-img float-left"><img src="../img/icon2_03_uc2a.png" height="30" width="30"/>
            </div>
            <div class="top-logo-phone-num float-right" id="companyPhone">
<!--                028-88888888-->
            </div>
        </div>
    </div>
    <div class="top-nav">
        <!--        下面的div目的就是为了让导航里面的内容居中-->
        <div class="top-nav-content" id="homeNav">
<!--            <ul>-->
<!--                <a href="home.html">-->
<!--                    <li>网站首页</li>-->
<!--                </a>-->
<!--                <a href="company.html">-->
<!--                    <li>公司简介</li>-->
<!--                </a>-->
<!--                <a href="news.html">-->
<!--                    <li>新闻动态</li>-->
<!--                </a>-->
<!--                <a href="product.html">-->
<!--                    <li>产品展示</li>-->
<!--                </a>-->
<!--                <a href="online.html">-->
<!--                    <li>在线留言</li>-->
<!--                </a>-->
<!--                <a href="callus.html">-->
<!--                    <li>联系我们</li>-->
<!--                </a>-->
<!--            </ul>-->
        </div>
    </div>
    <div class="top-ad" id="companyAd">

<!--        <div class="top-ad-one">-->
<!--            &lt;!&ndash;            这个点用键盘1左边的点&ndash;&gt;-->
<!--            品味生活·品味美食-->
<!--        </div>-->
<!--        <div class="top-ad-two">-->
<!--            <p>一壶茶沏出了生活的醉关</p>-->
<!--            <p>一枝花开出了生活的鲜艳</p>-->
<!--            <p>一首诗吟出了生活的酸辛</p>-->
<!--            <p>一把火 燃烧出了生活的激情</p>-->
<!--            <p>一枝笔绘出了人生的五彩缤纷</p>-->
<!--            <p>一首歌 唱出了人生的喜怒哀惧</p>-->
<!--            <p>生活像五味瓶，这么酿、这么甜，这么苦、又这么辣</p>-->

<!--        </div>-->
<!--        <div class="top-ad-three">-->
<!--            <span>品味</span>-->
<!--            <span>生活</span>-->
<!--            &nbsp;-->
<!--            &nbsp;-->
<!--            <span>品味</span>-->
<!--            <span>美食</span>-->
<!--        </div>-->
<!--        <div class="top-ad-four">-->
<!--            星语餐饮给你生活指南-->
<!--        </div>-->

    </div>
</div>
<script>

</script>
</body>
</html>
